<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>族人列表</title>
    <link rel="stylesheet" href="../css/ethnic.css">
</head>

<body>
    <div class="main_con">
        <h2>族人列表</h2>
        <hr>
        <div>
            <div style="float: left;">
                <span>性别：</span>
                <select name="" id="">
                    <option value="0">全部</option>
                    <option value="1">男</option>
                    <option value="2">女</option>
                </select>
            </div>
            <div style="float: right;">
                <input type="text">
                <button>搜索</button>
            </div>
            <div style="clear: both;"></div>
        </div>
        <table border="1" class="table_family">
            <tr>
                <th>头像</th>
                <th>名字</th>
                <th>姓</th>
                <th>生日</th>
                <th>电话</th>
                <th>性别</th>
                <th>操作</th>
            </tr>
            <tbody id="tbbb"> </tbody>
        </table>
        <div class="page_btns_wrap">
            <div>上一页</div>
            <div>1</div>
            <div>2</div>
            <div>3</div>
            <div>下一页</div>
        </div>
    </div>
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/ethnic.js"></script>
</body>

</html>